<template>
  <div class="page">
    <div class="base-stamp">
      <table cellspacing="0" cellpadding="0" border="0" class="el-table__header table-flow">
        <thead class="has-gutter">
          <tr class="text-left">
            <th><div class="examine-cell">签核角色</div></th>
            <th><div class="examine-cell">审核人员</div></th>
            <th><div class="examine-cell">审核状况</div></th>
            <th><div class="examine-cell">审核意见</div></th>
            <th><div class="examine-cell">审核时间</div></th>
          </tr>
        </thead>
        <tbody>
          <template>
            <tr class="text-left" v-for="(item, index) in applicationForm.qhChkmgrdList" :key="index">
              <td>
                <div>{{ item.flowDesc }}</div>
              </td>
              <td>
                <div>{{ item.toUserCname }}</div>
              </td>
              <td>
                <div>{{ item.chkStatusName }}</div>
              </td>
              <td>
                <div>{{ item.chkOk }}</div>
              </td>
              <td>
                <div>{{ item.chkDate }}</div>
              </td>
            </tr>
          </template>
        </tbody>
      </table>
      <div class="stamp"><img src="/febs/images/a.gif" /></div>
    </div>
    <div v-if="type === '1' || type === '2' || type === '3'" class="horizontal-direction horizontal-sign">
      <div class="text-left">总经理签核:</div>
      <div class="sign"></div>
    </div>
  </div>
</template>

<script>
module.exports = {
  props: {
    propsForm: {
      type: Object,
    },
  },
  data() {
    return {
      applicationForm: {
        qhChkmgrdList: [],
      },
      type: null,
    };
  },
  mounted() {
    this.applicationForm.qhChkmgrdList = this.propsForm.qhChkmgrdList; //审核
    this.type = this.propsForm.type;
  },
};
</script>

<style>
.page {
  margin: auto;
  width: 100%;
  max-width: 297mm;
}
</style>
